<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>委托</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="../resources/css/jquery-ui-themes.css" type="text/css"
	rel="stylesheet" />
<link href="../resources/css/axure_rp_page.css" type="text/css"
	rel="stylesheet" />
<link href="../data/styles.css" type="text/css" rel="stylesheet" />
<link href="../files/index/styles.css" type="text/css" rel="stylesheet" />
<script src="../resources/scripts/jquery-1.7.1.min.js"></script>
<script src="../resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
<script src="../resources/scripts/prototypePre.js"></script>
<script src="../data/document.js"></script>
<script src="../resources/scripts/prototypePost.js"></script>
<script src="../files/index/data.js"></script>

<script type="text/javascript">
	$axure.utils.getTransparentGifPath = function() {
		return 'resources/images/transparent.gif';
	};
	$axure.utils.getOtherPath = function() {
		return 'resources/Other.html';
	};
	$axure.utils.getReloadPath = function() {
		return 'resources/reload.html';
	};
	

	
</script>

<style type="text/css">
#login {
	width: 380px;
	height: 580px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #ddd;
	display: none;
	z-index: 1000;
	position: relative;
	top:-100%;
	background: #fff;
}
li{
				font-family:"微软雅黑";
				color: darkgray;
				text-align: left;
			
				
			}
			ul{
				z-index: 2;
				position: relative;
				left: -10px;
			}
li:link{
text-decoration: none;
background-color:none;
color: black;
font-family: "黑体"
}
li:hover{
			text-decoration: underline;
			color: black;
			
}
li:active{
			text-decoration: underline;
			text-underline-color: cornflowerblue;
			color:white;
}
#login .close {
	width: 15px;
	height: px;
	margin: 5px 2px 0px 332px
}
a{text-decoration:none}
#login h3 {
	color: #666;
	font-size: 25px;
	font-family: "微软雅黑";
	text-align: center;
}

#login .con {
	width: 293px;
	height: 300px;
	margin: 2px auto
}

#login .con p {
	color: #666;
	font-size: 20px;
	font-family: "微软雅黑";
	height: 40px;
	line-height: 40px
}

#login .con p input {
	height: 35px;
	width: 300px
}

#login .con p input.but {
	margin: 80px auto;
	color: #fff;
	font-size: 20px;
	font-family: "微软雅黑";
	background: black;
	border: none
}

#login .wjmm p {
	font-size: 15px;;
	float: right;
	margin: 20px 0px 0px 0px
}

#registered {
	width: 380px;
	height: 580px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #ddd; z-index;
	position: relative;
		top:-100%;
	background: #fff;
	display: none;
}

#registered .close {
	width: 15px;
	height: px;
	margin: 1px 2px 0px 332px
}

#registered h3 {
	color: #666;
	font-size: 25px;
	font-family: "微软雅黑";
	text-align: center;
	margin: 0px
}

#registered .con {
	width: 293px;
	height: 300px;
	margin: 2px auto;
}

#registered .con p {
	color: #666;
	font-size: 20px;
	font-family: "微软雅黑";
	height: 40px;
	line-height: 40px
}

#registered .con p input {
	height: 35px;
	width: 300px
}

#registered .con p input.but {
	margin: 30px auto;
	color: #fff;
	font-size: 20px;
	font-family: "微软雅黑";
	background: black;
	border: none
}

.layer {
	width: 100%;
	height: 130%;
	background: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	filter: Alpha(opacity = 70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	display: none;
}

#button {
	display: none;
}

#button2 {
	display: none;
}

#button:checked  ~ #login {
	display: block;
}

#button:checked  ~ .layer {
	display: block;
}

#button2:checked  ~ #registered {
	display: block;
}

#button2:checked  ~ .layer {
	display: block;
}

#login .wjmm p {
	font-size: 15px;
	float: right;
}
#kline{
	width: 80%;height: 80%;text-align: center;
margin: 0 auto;position: relative;top: 30%;background-color: rosybrown;
}

</style>

	</head>
	
	<body onload="init()" style="text-align: center;margin: 0 auto;">
		
		<div style="width: 80%;height: 100%;text-align: center;margin: 0 auto;">
			<!-- Unnamed (图片) -->
		<div id="u9">
			<a href="${path}/page/PageCtrl.php?name=${uname}"><img id="u9_img" class="img " src="../images/index/u9.jpg" /></a>
			<!-- Unnamed () -->
		</div>
			<!-- Unnamed (文本框) -->
		<div id="u0" >
			<input id="u0_input" type="text" value="" />
		</div>
		<!-- Unnamed (矩形) -->
		<div id="u1" class="ax_default primary_button">
			<div id="u1_div" class=""><span>搜索</span></div>
		</div>

		<!-- Unnamed (矩形) -->
		<div id="u3" class="ax_default link_button">
			<div id="u3_div" class=""></div>
			<!-- Unnamed () -->
			<script type="text/javascript">
					
					

					function Down(){
						$(document).ready(
											function() {
												$("#ull").css("color", "blue")
														.slideDown(1000).css(
																"position",
																"relative")

								});
					}
					
					function Up(){
						$(document).ready(
											function() {
												$("#ull").css("color", "blue")
														.slideUp(1000).css(
																"position",
																"relative")

								});
					}
				</script>
			<div id="u4" class="text">
				<div  id="uname2" onmouseover="Down()" onclick="Up()">${uname}</div>
				
				<ul style=" background-color:white;box-shadow:1px 1px 2px darkgray;
					border-radius:5px; list-style:none;float: left; margin: 0px;padding: 0" hidden="hidden"  id="ull" >
					<a href="${path}/page/InfoPageCtrl.php?name=${uname}"><li>个人信息</li></a>
					<a href="${path}/page/SetPageCtrl.php?name=${uname}"><li>设&#12288;&#12288;置</li></a>
					<a href="${path}/page/CollectPageCtrl.php?name=${uname}"><li>收&#12288;&#12288;藏</li></a>
					<a href="${path}/page/WalletPageCtrl.php?name=${uname}"><li>钱&#12288;&#12288;包</li></a>
				</ul>
				
			</div>
		</div>
		
	
		<div id="kline">
		<table style="width: 100%;height: 100%;position: relative;top:-7%;" border="1">
			<tr>
				<td>sss</td><td>ssss</td><td>dddd</td><td>sss</td>
			</tr>
			
		</table>
		</div>
	
		
		<!-- Unnamed (矩形) -->
		<div id="u15" class="ax_default box_1">
			<img id="u15_img" class="img " src="../images/index/u15.png" />
			<!-- Unnamed () -->
			<div id="u16" class="text">
				<p>
					<span>股市有风险，投资需谨慎！&nbsp; </span>
				</p>
				<p>
					<span><br></span>
				</p>
				<p>
					<span>投资者依此做出的投资行为风险自担！&nbsp; </span>
				</p>
				<p>
					<span><br></span>
				</p>
				<p>
					<span>© 2017 yw|股市通免责声明 </span>
				</p>
			</div>
		</div>
		<input type="checkbox" name="test" id="button">
	<label for="button"></label>

	<div class="layer"></div>
	<div id="login">
<label for="button" class="close"><img src="../images/timg.png"></label> 
<div style="clear: both"></div>
<h3>登陆</h3>
<div class="con">
<form action="${path}/action/LoginActionCtrl.php" method="get">
				<p>账号:
				<p>
					<input type="text" name="name">
				<p>密码:
				<p>
					<input type="password" name="pwd">
				<div class="wjmm">
					<a href="www.baidu.com">忘记密码？</a>
				</div>
				<p>
					<input type="submit" name="submit"
						value="登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;陆" class="but">
				</p>
			</form>
		</div>
	</div>
 
<input type="checkbox" name="test" id="button2">
<label for="button2"></label>
<div class="layer"></div>

<div id="registered">
<label for="button2" class="close"><img src="../images/timg.png"></label> 
<h3>注册</h3>
<div class="con">
<p>用户名:<p>
<input type="text" name="usn">
<p>手机号:<p>
<input type="text" name="usn">
<p>验证码:<p>
<input type="text" name="usn">
<p>密码:<p>
<input type="password" name="usn">
<p>确认密码:<p>
<input type="password" name="usn">
<p><input type="submit" name="submit" value="立即注册" class="but"></p>
</form>
</div>
		</div>
	</body>
</html>
